var roleManage = function() {

	var _init = function() {

		var table = $('#table_role');
		var form = $('#form1').serializeObject();
		table
				.dataTable({
					"processing" : true,
					// 开启服务器模式
					serverSide : true,
					"ajax" : {
						url : "/a/note/readers" // 列表查询
					},
					"autoWidth" : false,
					"columns" : [
							{
								"width" : "15%",
								"data" : "id"
							},
							{
								"width" : "10%",
								"data" : "title"
							},
							{
								"width" : "20%",
								"data" : "label"
							},
							{
								"width" : "10%",
								"data" : "templates",
								"render" : function(data, type, row, meta) {
									if(data=="零售电商"){
										return "云商(秒到2.0)";
									}
									return "秒到来店";
								}
							},
							{
								"width" : "20%",
								"data" : "createDate",
								"render" : function(data, type, row, meta) {
									return moment(data).format('YYYY-MM-DD HH:mm');
								}
							},
							{
								"width" : "20%",
								"data" : "null",
								"defaultContent" : "<button type=\"button\" class=\"btn blue btn_edit_role\">修改</button><button type=\"button\" class=\"btn red btn_del_role\">删除</button>"
							} ],
					"language" : {
						"lengthMenu" : "每页显示 _MENU_ 条记录",
						"emptyTable" : "暂无数据记录",
						"info" : "显示 _START_ 至 _END_ 条数据，共 _TOTAL_ 条记录！",
						"zeroRecords" : "没有搜索到匹配记录",
						"infoEmpty" : "",
						"infoFiltered" : "",
						"processing" : ""
					},
					/*"destroy" : true,*/
				/*	"ordering": false, // 禁止排序
*/					"pageLength" : 5,
					"order" : [ [ 4, "desc" ] ],
					"columnDefs" : [ {
						"orderable" : false,
						"targets" : [ 0,1,2,3,5 ]
					} ],
					"dom" : "<'row'<'.col-md-6 col-sm-12'><'col-md-6 col-sm-12'>r>"
							+ "<t>" + "<'row'<'col-md-5'i><'col-md-7'>p>",
					"fnInitComplete" : function() {
					},
					"fnDrawCallback": function(){
			          	　　var api = this.api();
			          	　　var startIndex= api.context[0]._iDisplayStart;//获取到本页开始的条数
			          	　　api.column(0).nodes().each(function(cell, i) {
			          	　　　　cell.innerHTML = startIndex + i + 1;
			          	　　}); 
			          	}
				});
		
		$("input[name='target']").each(function(){
			
			if($(this).prop("checked")){
				if ($(this).val() == "代理商") {
					$("input[name='templates']").attr("disabled", true);
					$("input[name='templates']").removeAttr("checked");
					//$("input[name='templates']").val("");
				} else {
					$("input[name='templates']").removeAttr("disabled");
				}
			}
		});
		
			$("input[name='target']").on("change",function(){
			if($(this).prop("checked")){
				if ($(this).val() == "代理商") {
					$("input[name='templates']").removeAttr("checked");
					//$("input[name='templates']").val("");
				} 
			}
		})
		// 删除
		table.on('click', '.btn_del_role', function(event) {
			var oData_arr = table.DataTable().rows($(this).parents("tr"))
					.data(); // 操作行对象
			var _id = oData_arr[0].id;
			bootbox.dialog({
				message : "确定要删除",
				title : "提示",
				buttons : {
					cancel : {
						label : "取消",
						className : "btn dark btn-outline"
					},
					success : {
						label : "确定",
						className : "btn green",
						callback : function() {
							// alert('提交删除');
							var _data = JSON.stringify({
								id : _id
							});
							request_role_del(_data, function(res) {
								// 正确
								table.DataTable().ajax.reload();
							}, function(err) {
								// 错误
								alert(err);
							})
						}
					}
				}
			});
		});

		table.on('click', '.btn_edit_role', function(event) {
			var oData_arr = table.DataTable().rows($(this).parents("tr"))
			.data(); // 操作行对象
	       var _id = oData_arr[0].id;
			window.location.href = "/p/note/reader/show?id="
					+ encodeURIComponent(_id);
		});

		$('#search').click(function(event) {
			var form = $('#form1').serializeObject();
			var param = {
				"label" : form.label,
				"templates" : form.templates,
				"createDate1" : form.createDate1,
				"createDate2" : form.createDate2,
				"source" : form.source
			}
			$('#table_role').DataTable().search(JSON.stringify(param)).draw();
			// table.DataTable().ajax.reload();
		});

		$("input[name='target']").change(function() {
			if ($(this).val() == "代理商") {
				$("input[name='templates']").attr("disabled", true);
			} else {
				$("input[name='templates']").removeAttr("disabled");
			}

		});

		$('#save').click(function() {

			var _data = $("#modal_new_role").serializeObject();
			if (!mdTool.validate(_data.title, 'require')) {
				mdTool.showMessage('请输入标题内容');
				return;
			}
			if (!mdTool.validate(_data.label, 'require')) {
				mdTool.showMessage('请选择公告标签');
				return;
			}
			if (!mdTool.validate(_data.target, 'require')) {
				mdTool.showMessage('请选择公告对象');
				return;
			}
			if (!mdTool.validate(_data.templates, 'require')) {
				// 先判断有没有选代理商
				if (_data.target == "商户") {
					mdTool.showMessage('请选择模板');
					return;
				}
			}
			if (!mdTool.validate(_data.content, 'require')) {
				mdTool.showMessage('请输入公告内容');
				return;
			}
			if(UM.getEditor('container').getContent().length>=20000){
				$("#gg").css("color","red");
				return;
			};
			$("#modal_new_role").submit();
		})

	}

	return {
		init : function() {
			_init();
		}

	};

}();

var roleForm = function() {
	// 新建表单验证
	return {
		init : function() {
		}

	};
}();

$(function() {
	roleManage.init();
	roleForm.init();
	 getTokenMessageForUditor();
});

function add() {
	window.location.href = "/p/note/reader/toReader";
}

function beback() {
	window.location.href = "/p/note/reader";
}

/*
页面加载完毕 发起请求获取七牛token，通过前台传到七牛
*/
function getTokenMessageForUditor() {
	var url="";
	var qiniupercent="";
	var uploader="btn-uploader1";
	var pickfiles="pickfiles1";
	$.ajax({
		url: '/a/qiniu/uptoken',
		type: 'POST',
		data: {},
		cache: false,
		contentType: false,    //不可缺
		processData: false,    //不可缺
		dataType : 'json',
		success: function (data) {
			var obj = data;
			uploaderReadyForUditor(obj.uptoken,url,qiniupercent,uploader,pickfiles);
		  }
		});
};

function uploaderReadyForUditor(token,url,qiniupercent,uploader,pickfiles){
	var uploaderForUditor = Qiniu.uploader({
	    runtimes: 'html5,flash,html4',
	    browse_button: pickfiles,     //上传按钮的ID
	    container: uploader,      //上传按钮的上级元素ID
	    drop_element: uploader,
	    max_file_size: '100mb',         //最大文件限制
	    flash_swf_url: '@{/assets/global/qiniu/Moxie.swf}',
	    dragdrop: false,
	    chunk_size: '4mb',              //分块大小
	    //uptoken_url: '',              //Ajax请求upToken的Url，**强烈建议设置**（服务端提供）
	    uptoken: token,                 //若未指定uptoken_url,则必须指定 uptoken ,uptoken由其他程序生成
	    // save_key: true,              // 默认 false。若在服务端生成uptoken的上传策略中指定了 `sava_key`，则开启，SDK在前端将不对key进行任何处理
	    domain: qiniuConfig.returnUrl(),   //自己的七牛云存储空间域名
	    multi_selection: true,         //是否允许同时选择多文件
	    filters: {
	        mime_types: [               //文件类型过滤，这里限制为图片类型
	            {title: "Image files", extensions: "jpg,jpeg,gif,png"}
	        ]
	    },
	    auto_start: true,
	    unique_names :true,             //自动生成文件名,如果值为false则保留原文件名上传
	    init: {
	        'FilesAdded': function (up, files) {
	            plupload.each(files, function(file) {
	                // 文件添加进队列后，处理相关的事情
	            });
	        },
	        'BeforeUpload': function (up, file) {
	            // 每个文件上传前，处理相关的事情
	        },
	        'UploadProgress': function (up, file) {
	            //文件上传时，处理相关的事情

	            /*可能是文件大小
	            var chunk_size = plupload.parseSize(this.getOption('chunk_size'));
	            */

	            //上传进度 class="layui-btn" type="button"
	            $('#'+qiniupercent).attr('style','width:'+file.percent+'%');
	            $("#"+qiniupercent).css("background-color","green");

	            //console.log(file.percent + "%");
	        },
	        'UploadComplete': function () {
	            //do something
	        },
	        'FileUploaded': function (up, file, info) {
	            //每个文件上传成功后,处理相关的事情
	            //其中 info 是文件上传成功后，服务端返回的json，形式如
	            //{
	            //  "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
	            //  "key": "gogopher.jpg"
	            //}
	            var domain = up.getOption('domain');
	            var res = eval('(' + info.response + ')'); 
	            var sourceLink = domain + res.key;//获取上传文件的链接地址
	        
	           var $item = $("<div class='edui-image-item'><div class='edui-image-close'></div></div>").append($("<img src='" + sourceLink + "' class='edui-image-pic edui-image-width img-responsive' />"));

//	           $("#container").append($item);
	        /*   var um = UM.getEditor('container');
	           UM..execCommand('inserthtml', $item);*/
	           UM.getEditor('container').focus();  
	           UM.getEditor('container').execCommand('inserthtml',"<img src='" + sourceLink + "' class='edui-image-pic edui-image-width img-responsive' style='width:100%;'/>");  
	            console.log(sourceLink);
	        
	        },
	        'Error': function (up, err, errTip) {
	            alert(errTip);
	        },
	        'Key': function (up, file) {
	            //当save_key和unique_names设为false时，该方法将被调用
	            var key = "";
	            $.ajax({
	                url: '/qiniu-token/get-key/',
	                type: 'GET',
	                async: false,//这里应设置为同步的方式
	                success: function (data) {
	                    var ext = Qiniu.getFileExtension(file.name);
	                    key = data + '.' + ext;
	                },
	                cache: false
	            });
	            return key;
	        }
	    }
	});
	uploaderForUditor.start(); 
	}
